<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        // 首先创建一个空对象
        var hero = {};

        // 肯定访问不到任何属性
        console.log(typeof hero.breed);

        // 给空对象添加属性
        hero.breed = 'turtle';
        hero.name = 'Leonardo';
        hero.sayName = function() {
            return hero.name;
        }

        // 再次访问对象的方法
        console.log(hero.sayName());

        // 删除一个属性
        delete hero.name;

        // 访问不到已经被删除的属性
        console.log(hero.name);

        // 使用this访问当前对象内的属性
        var hero1 = {
            name: 'Rafaelo',
            sayName: function() {
                return this.name;
            }
        }
        console.log(hero1.sayName());
    </script>
</body>
</html>
